<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡斯基车务</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/common.css"/>
    <link rel="stylesheet" href="../../../css/zuzhang/banli/zuzhang_banli_taskDetails.css"/>
    <script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../../../lib/underscore.js"></script>
    <script type="text/javascript" src="../../../lib/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/global.js"></script>
    <script type="text/javascript" src="../../../js/zuzhang/banli/zuzhang_banli_taskDetails.js"></script>
</head>
<body>

<div class="header">
    <span class="font20 colorfff top_title bold">任务详情</span>
</div>
<div class="mainContainer">
    <div id="wrap">
        <script type="text/template">
            <div class="order_access <%=data.p1%>">
                <div class="step_name">
                    <span class="font14 color4e4 step "><%=data.taskName%></span>
                    <span class="font12 color17d pick <%=data.p1%>"><%=data.p2%></span>
                </div>
                <div class="car_information">
                    <span class="font12 color9a9 car1"><%=data.carPlateNum%></span>
                    <span class="font14 color4e4 car2"><%=data.carColor%></span>
                    <span class="font12 color9a9 car3"><%=data.carBrand%></span>
                    <span class="font12 color796 car4" data-time><%=data.remainTime%>分钟</span>
                    <span class="font12 color796 car4"><%=data.remainTime.toString().search('暂停')==-1?'总余:':''%></span>
                </div>
                <div class="car_information_1">
                    <span class="font12 color9a9">发动机号：</span>
                    <span class="font12 color9a9"><%=data.carEngineNum%></span>
                    <span class="font12 color9a9 car6">车架号：</span>
                    <span class="font12 color9a9"><%=data.carChassisNum%></span>
                </div>
            </div>
        </script>
    </div>
    <div id="wrap1">
        <script type="text/template">
            <div class="worker_info">
                <div class="member_left">
                    <img onerror="this.src='../../../images/car_pic.png'" src="<%=data.childOrderAcceptorPicUrl%>"/>
                    <span class="font14 color4e4"><%=data.childOrderAcceptorName%></span>
                </div>
                <div class="member_right">
                    <a href="tel:<%=data.cusPhone%>" class="font12 color4e4"><%=data.childOrderAcceptorPhone%></a>
                </div>
            </div>
            <ul class="info_status">
                <li>
                    <span class="font12 color796">任务开始时间</span>
                    <div class="font20 color3b3">
                        <p><%=data.childOrderAcceptTime.slice(0,10)%></p>
                        <p><%=data.childOrderAcceptTime.slice(10)%></p>
                    </div>
                </li>
                <li>
                    <span class="font12 color796">任务结束时间</span>
                    <div class="font20 color3b3">
                        <%if(data.childOrderFinishTime == ''){%>
                        <p>进行中</p>
                        <%}else{%>
                        <p><%=data.childOrderFinishTime.slice(0,10)%></p>
                        <p><%=data.childOrderFinishTime.slice(10)%></p>
                        <%}%>
                    </div>
                </li>
                <li>
                    <span class="font12 color796">总剩余时间</span>
                    <%if(data.childOrderStatus == '3'){%>
                    <div class="font20 color3b3 countdown">已完成</div>
                    <%}else{%>
                    <div class="font20 color3b3 countdown" data-time1="<%=data.childOrderRemainTime%>">--:--:--</div>
                    <%}%>
                </li>
            </ul>
            <div class="pic_show">
                <img onerror="this.src='../../../images/car_pic.png'" src="<%=data.orderAcceptorPicUrl%>"/>
            </div>
            <%if(data.takePhoto == 1 && data.picUrlList != ''){%>
            <ul class="pic_group">
                <%var pics = data.tempPicUrlList.split(',');%>
                <%for(var j in pics){%>
                <li>
                    <img src="<%=pics[j]%>"/>
                </li>
                <%}%>
            </ul>
            <%}%>
            <%if(data.childOrderRemark!=''){%>
            <div class="remarks">
                <span class="font14 color4e4">备注：</span>
                <p class="font14 color4e4"><%=data.childOrderRemark%></p>
            </div>
            <%}%>
        </script>
    </div>
</div>
</body>
</html>
